<ng-container *ngIf="tagData.style==='tag.AdvertisementPlayTagLogic'">
  <section *ngIf="tagData.data.data.length!==0" [class.box2]="tagData.data.showSlider === 'false'">
    <div class="container" [ngStyle]="tagData.css|styleFilter">
      <ion-slides [options]="slideOpts" (ionSlidePrevStart)="getprevIndex()" (ionSlideNextStart)="getnextIndex()"
        #slideImg (ionSlidesDidLoad)="slidesDidLoad(slideImg)" (ionSlideTouchEnd)="slidesDidLoad(slideImg)"
        (ionSlideDidChange)="getIndex(slideImg)" (ionSlideTap)="clickImg()">
        <ion-slide *ngFor="let img of tagData.data.data, let i=index">
          <!-- <div style="max-width: 100%;"> -->
          <!--1用?x-oss-process=image/resize,m_fill,h_501,w_1005来剪裁图片，使每个图片都有一个等比例的宽高度。2, 用appGeneralFormTag和 appGeneralmanageFormTag来区分不同页面的同一个标签图片的高度。-->
          <!--+'?x-oss-process=image/resize,m_fill,h_345,w_1005'-->
          <img class="img" [src]="img.image" style="width: 100%;" [ngStyle]="this.tagData.data.style | styleFilter"
            *ngIf="tagData.tagStyle ==='appGeneralFormTag'">
          <!-- <img class="img" [src]="img.image+'?x-oss-process=image/resize,m_fill,h_501,w_1005'" style="width: 100%;" [ngStyle]="this.tagData.data.style | styleFilter" *ngIf="tagData.tagStyle ==='appGeneralmanageFormTag'"> -->
          <!--+'?x-oss-process=image/resize,m_fill,h_501,w_1005'-->
          <img class="img" [src]="img.image" style="width: 100%;" [ngStyle]="this.tagData.data.style | styleFilter"
            *ngIf="tagData.tagStyle ==='appGeneralmanageFormTag'">
          <!-- </div> -->
        </ion-slide>
      </ion-slides>
      <div class="sign" [ngStyle]="tagData.signCssStyle|styleFilter" *ngIf="tagData.data.showSlider !== 'false'">
        <span class="sign-span" *ngFor="let span of tagData.data.data, let i=index" [ngClass]="{'current':idx===i+1}"></span>
      </div>
    </div>
  </section>
</ng-container>
<ng-container *ngIf="tagData.style==='appGeneralmanageFormTag'">
  <section *ngIf="tagData.data && tagData.data.data && tagData.data.data.length!==0" [ngStyle]="tagData.data?.data[0]?.sectionBoxCssStyle|styleFilter">
    <div class="container" [ngStyle]="tagData.cssStyle|styleFilter">
      <ion-slides [options]="slideOpts" (ionSlidePrevStart)="getprevIndex()" (ionSlideNextStart)="getnextIndex()"
        #slideImg (ionSlidesDidLoad)="slidesDidLoad(slideImg)" (ionSlideTouchEnd)="slidesDidLoad(slideImg)"
        (ionSlideDidChange)="getIndex(slideImg)" (ionSlideTap)="clickImg()">
        <ion-slide *ngFor="let item of tagData.data.data, let i=index" [ngStyle]="settings.style | styleFilter">
          <!-- <div style="max-width: 100%;"> -->
          <!--1用?x-oss-process=image/resize,m_fill,h_501,w_1005来剪裁图片，使每个图片都有一个等比例的宽高度。2, 用appGeneralFormTag和 appGeneralmanageFormTag来区分不同页面的同一个标签图片的高度。-->
          <!-- <img class="img" [src]="img.image+'?x-oss-process=image/resize,m_fill,h_501,w_1005'" style="width: 100%;" [ngStyle]="this.tagData.data.style | styleFilter" *ngIf="tagData.tagStyle ==='appGeneralmanageFormTag'"> -->
          <!--+'?x-oss-process=image/resize,m_fill,h_501,w_1005'-->
          <img class="img" [src]="item.image" [ngStyle]="settings.imgCssStyle | styleFilter"
            *ngIf="tagData.style ==='appGeneralmanageFormTag' && !item.video">

          <ng-container *ngIf="item.video">
              <img class="img" [src]="item.video" [ngStyle]="settings.videoCssStyle | styleFilter"/>
              <!-- 播放按钮 -->
              <img class="v-img" [ngStyle]="item.iconCssStyle | styleFilter" [src]="item.icon"
                onerror="this.src='assets/icon/video_icon_paly@3x.png'">
          </ng-container>

            
          <div class="slide-tip" [ngStyle]="settings.tipCssStyle | styleFilter">
            <span class="slide-title" *ngIf="item.title" [ngStyle]="settings.titleCssStyle | styleFilter">{{item.title}}</span>
            <span class="slide-text" *ngIf="item.text" [ngStyle]="settings.textCssStyle | styleFilter">
              <span class="slide-unit" *ngIf="item.unit" 
                [ngStyle]="settings.unitCssStyle | styleFilter">{{item.unit}}</span>{{item.text}}
              <span class="slide-nextText" *ngIf="item.nextText" 
                [ngStyle]="settings.nextTextCssStyle | styleFilter">{{item.nextText}}</span>
            </span>
            <img class="slide-icon" *ngIf="item.bgIcon" [src]="item.bgIcon" [ngStyle]="settings.bgIconCssStyle | styleFilter"/>
          </div>
          <!-- </div> -->
        </ion-slide>
      </ion-slides>

      <!--2.1.0 新增广告位参数联调-->
      <ng-container *ngIf="settings.singleSlideCssType; else singleSlideCssTypeTemplate">
        <div class="signNew" *ngIf="settings.showSlider !== false" [ngStyle]="tagData.signCssStyle|styleFilter">
          <span class="singleSlideCssType" [ngStyle]="span.singleSlideCssStyle|styleFilter" *ngFor="let span of tagData.data.data, let i=index"
            [ngClass]="{'currentNew':idx==i+1}"></span>
        </div>
      </ng-container>
      <ng-template #singleSlideCssTypeTemplate>
        <div class="sign" *ngIf="settings.showSlider !== false" [ngStyle]="tagData.signCssStyle|styleFilter">
          <span class="sign-span" [ngStyle]="span.singleSlideCssStyle|styleFilter" *ngFor="let span of tagData.data.data, let i=index" [ngClass]="{'current':idx==i+1}"></span>
        </div>
      </ng-template>



    </div>
  </section>
</ng-container>